<template>
  <div class="content" id="app">
      <router-view/>
  </div>
</template>
<script>
import { ref } from '@vue/reactivity'
import { getCurrentInstance, onMounted } from '@vue/runtime-core'
export default {
  setup(porps, context) {
    let a = ref(18)
    let msg  = ref(121421)
    function updateA () {
      msg.value += 1
    }
    onMounted(() => {
      // console.log('onMounted')
    })
    let instance = getCurrentInstance()
    // console.log(instance)
    return {
      a,
      msg,
      updateA
    }
 
  }
}
</script>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
